export function makeUrlList(title, componentListData) {
  const componentList = []
  componentListData.forEach(component => {
    switch (component.type) {
      case 'svg':
        componentList.push({
          'text': component.name,
          'icon': component.url,
          'iconType': component.type,
          'info': {
            'type': 'view-svg-image',
            'action': [],
            'dataBind': {
              'name': component.name
            },
            'style': {
              'radius': 0,
              'position': {
                'x': 0,
                'y': 0,
                'w': 30,
                'h': 30,
                'xUnit': 'px',
                'yUnit': 'px',
                'wUnit': 'px',
                'hUnit': 'px'
              },
              'bgColor': 'transparent',
              'zIndex': 1,
              'url': component.url
            }
          }
        })
        break
      default:
        componentList.push({
          'text': component.name,
          'icon': component.url,
          'iconType': component.type,
          'info': {
            'type': 'view-image',
            'action': [],
            'dataBind': {
              'name': component.name
            },
            'style': {
              'radius': 0,
              'position': {
                'x': 0,
                'y': 0,
                'w': 30,
                'h': 30,
                'xUnit': 'px',
                'yUnit': 'px',
                'wUnit': 'px',
                'hUnit': 'px'
              },
              'bgColor': 'transparent',
              'zIndex': 1,
              'url': component.url
            }
          }
        })
    }
  })
  return {
    'title': title,
    'icon': 'payment',
    'opened': false,
    'items': componentList
  }
}
